<div class="secondBar">
  <div class="infoType">
    <div class="tabScroll infoScroll">
      <ul>
        <li  [ngClass]="{'active': isSelected == 1}"  data="1" (click)="switchType(1)"><a href="javascript:;">竞猜中</a></li>
        <li  [ngClass]="{'active': isSelected == 2}" data="2"  (click)="switchType(2)"><a href="javascript:;">进行中</a></li>
        <li  [ngClass]="{'active': isSelected == 3}" data="3"  (click)="switchType(3)"><a href="javascript:;">已结束</a></li>
      </ul>
    </div>
  </div>
</div>

<div class="secondGuess ">
        <!-- datetime -->
        <div class="noData">
          no data.............
        </div>
        <div class="quizeList" id="notstartlist" *ngFor="let g of guessData.result">
          <p class="guess_date js_arrow">
            <i class="icon_date"></i>
            <span>{{g.data}}</span> <span>{{g.week}}</span>
            <i class="icon_arrow_up"></i>
          </p>
          <!-- list -->
          <div class="guess_box">
            <div class="guess_data start_guess" *ngFor ="let item of g.datas">
              <input type="hidden" class="src" value="/guess/dota2/toGuessDetail?bMatchId=5299&amp;flag=1">
              <div class="guess_team">
                <img src="{{item.hostlogo}}">
                <span>{{item.host}}</span><br>
                <a class="guess_btn join" href="/guess/dota2/toGuessDetail?bMatchId=5299&amp;flag=1">
                  <span>参与竞猜</span>
                </a>
              </div>
              <div class="guess_detail guess_status guess_notstart">
                <p>{{item.matchName}}</p>
                <div class="match"> </div>
                <div class="match_time">{{item.matchTime}}</div>
              </div>
              <div class="guess_team">
                <img src="{{item.guestlogo}}">
                <span>{{item.guest}}</span><br>
                <a class="guess_btn analyze" href="/guess/dota2/toGuessDetail?bMatchId=5299&amp;flag=2">
                  <span>对战分析</span>
                </a>
              </div>
            </div>
          </div>
        </div>

</div>
